import { FC } from "react";
import { Button, Typography } from "antd";
import { useNavigate } from "react-router-dom";
import { MANAGE_LIST_PATHNAME } from "../router";

const { Title } = Typography;

const Home: FC = () => {
  const nav = useNavigate();
  return (
    <div className="flex items-center justify-center flex-col min-h-full">
      <div>
        <Title>问卷调查 | 在线投票</Title>
      </div>
      <div className="mb-4">
        <Typography>已累计创建问卷100份，发布问卷100份，收到答卷900份</Typography>
      </div>
      <div>
        <Button type="primary" size="large" onClick={() => nav(MANAGE_LIST_PATHNAME)}>
          开始使用
        </Button>
      </div>
    </div>
  );
};

export default Home;
